<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 
路径 知识
1 绝对路径和相对路径   
  1 绝对路径   写法   "/js/index.js"   开头一定是 "/"
  2 相对路径   写法  "./02-index.html" 或者  "02-index.html"

  3 绝对 -- 固定不变   相对 - 要找参照物 
    绝对路径 来描述我同桌位置   中国广东广州天河区吉山黑马程序员213第三排第20列 
    相对路径 “我”旁边 
  4 写代码的时候  选择绝对路径和相对路径-我用得比较多    

2 前端当中
  1 css中的相对路径的判断标准和js中的标准不一样！！！！ 
    1 css中的相对路径  以 当前的css文件做为参照
    2 js中的相对路径   以 运行当前js文件的 静态页面 html  做为参照的 

3 打开页面的方式  
  1 本地电脑直接打开 html  file:///D:/01-login.html
    1 绝对路径 根路径  在 D盘 

  2 服务器方式 来运行html  http://127.0.0.1:5501/01-login.html
    1 绝对路径 根路径   “http://127.0.0.1:5501”

4 路径路径 不同的打开方式 
  1 相对路径 -  不同的打开方式   都成功
  2 绝对路径 -  
        1 本地电脑直接打开 html  出错
        2 服务器方式  正常 


 */

const button = document.querySelector('button');
button.addEventListener('click', function (e) {
  // 跳转页面
  // location.href = './02-index.html';
  // location.href = '02-index.html';
  // location.href = '/02-index.html';
  // location.href = '../02-index.html';
  // location.href = '../../02-index.html';
  // location.href = '../../../02-index.html';
});
    </script>
</body>
</html>